<include file="Public/head"/>
<link href="__PUBLIC__/qwadmin/css/shen/shen.css" rel="stylesheet" type="text/css" />

<body class="no-skin">
<include file="Public/header"/>
<div class="main-container" id="main-container">
<style>
body .demo-class .layui-layer-title{background:#6495ED; color:#fff; border: none;}
body .demo-class .layui-layer-btn{border-top:1px solid #E9E7E7}
body .demo-class .layui-layer-btn a{background:#333;}
body .demo-class .layui-layer-btn .layui-layer-btn1{background:#999;}
        #xianduan{
          width: 750px;
          background: #fff;
          height: 30px;
          margin:0px auto;
          margin-top:20px;
          /*line-height:100px;*/

        }
        #ul1{
          display: flex;
          flex-direction: row;
          padding: 0 10px 0 50px;
        }
        .listyle{
          display: flex;
          flex: 1;
          justify-content: center;
          flex-direction: column;
          list-style: none;
          color: black;
          /*border-right: 3px solid #fff;*/
          font-size: 14px;

        }
       .li-div{
            display: flex;
            flex:1;
          height: 30px;
          flex-direction: row;
          justify-content: flex-start;
          align-items: center;
        }
        .li-ground {
            width: 15px;
            height: 15px;
            border-radius: 50%;
            overflow: hidden;
            background: #aaa;
        }
        .li-line{
            display: flex;
            flex: 1;
            height: 4px;
            background: #aaa;
        }
        .content{

          width: 100%;
          height: 150px;
          margin-left: -20px;
          /*background: #eee;*/
          margin-top: 10px;
        }
/*body{
	width:50%;
}*/
body th{
    color:#4F94CD;
    font-size:15px;
}
body td{
    font-size:14px;
    /*width:20%;*/
}

#tet th{
    text-align: center;
}
#tet td{
    text-align: center;
}

#divv input{
    margin:0px 5px;
}
.dds input{
    margin:0px 5px;
}


.sp {
    border:1px solid #ccc;
    border-radius:50px;
    /*margin-top:30px;*/
}
.sp ul{
    margin-top:20px;
}
.sp ul li{
     float:left;
    margin:3px 10px;
    font-size:15px; 
    margin-left:28px;
}

.sp ul li button{
    width:140px;
    height:40px;
    border:1px solid #ccc;
    border-radius:50px;
}

#xxx ul{
    float:left;
    margin-top:5%;
}

#xxx ul li{
    float:left;
    padding: 5px 15px;
    margin-left:8px;
    font-size:15px;

}
span{
	width:100px;
	display: inline-block;
    max-width:500px;
    word-wrap: normal;
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
    overflow: auto;
    /*word-wrap: break-word;*/
}
</style>

    <script type="text/javascript">
        try {
            ace.settings.check('main-container', 'fixed')
        } catch (e) {
        }
    </script>

    <include file="Public/sidebar"/>
    <div class="main-content">
        <div class="main-content-inner">
            <!-- #section:basics/content.breadcrumbs -->
            <include file="Public/breadcrumbs"/>

            <!-- /section:basics/content.breadcrumbs -->
            <div class="page-content">
                <include file="Public/set"/>
                


                    
                     <!-- 行政物资审核 -->
                   <div class="row" style="margin-top:-50px">
						<div class="col-xs-12">
                        <div class="widget-box" style="margin-top:70px;height:0px;">
                            <div class="widget-header">
                                <h4 class="widget-title" style="color:#1E90FF;">
                                    <label>                 
                                        <span class="lbl"></span>
                                    </label>
                                    <b style="color:red;">--{$title}--</b>
                                </h4>
                                <div class="widget-toolbar">
                                    <notempty name="v.children">
                                        <a href="#" data-action="collapse">
                                            <i class="ace-icon fa fa-chevron-up"></i>
                                        </a>
                                    </notempty>
                                </div>
                            </div>
                            <notempty name="v.children">
                                <div class="widget-body">
                               
                                    <div class="widget-main row" style="height:100%;margin-top:2px;">
                                        <?php if(!empty($list)): ?>
                                                <!-- 行政物资审核 END -->
                                              
                                            

                                                <table class="table table-bordered" style="margin-top:5px;">
                                                    <thead>
                                                        <tr>
                                                            
                                                            <th class="center">编号</th>
                                                            <!-- <th class="center">物品类别</th> -->
                                                            <!-- <th class="center">申请类型</th> -->
                                                            <th class="center">物品名称</th>
                                    
                                                            <th class="center">申请数量</th>
                                                            <th class="center">规格</th>
                                                            <!-- <th class="center">剩余库存</th> -->
                                                            <th class="center">预估单价</th>

                                                            <!-- <th class="center">总价格</th> -->
                                                            <th class="center">申请人</th>
                                                            <th class="center">所属部门</th>
                                                            <th class="center">申请时间</th>
                                                            <th class="center">备注</th>
                                                            <!-- <th class="center">拒绝缘由</th> -->
                                                           
                                                            <th class="center">状态</th>
                                                        
                                                            
                                                            
                                                        </tr>
                                                    </thead>
                                                    <tbody>
                                                    <volist name="list" id="v">
                                                        <tr>
                                                            
                                                            <td class="center" id="ddi">{$v.id}</td>
                                                                                                             
                                                                                                 
                                                            <td class="center">{$v.wname}</td>                                                   
                                                      
                                                                <td class="center">
                                                                <b>{$v.num}{$v.com}</b>
                                                                </td>
                                                           
                                                            <td class="center">
                                                                
                                                                    {$v.xing}
                                                                
                                                            </td>

                                                                <td class="center"><b style="color:red;">{$v.unit}</b>    <b style="float:right;">/元</b>
                                                                </td>

                                            
                                                            <td class="center">{$v.uname}</td>
                                                            <td class="center">{$v.ment}</td>
                                                            <td class="center">{$v.time}</td>
                                                            <td class="center"><span title="{$v.content}">{$v.content}</span></td>
                                                            <!-- <td class="center">{$v.cent}</td> -->
                                                                                                                                                                       
                                                           
                                                                 <?php if($v['look'] !=6 && $v['ju'] == 0): ?>
                                                                    <td class="center" style="">
                                                                        <button style="width:140px;border:1px solid #0080FF;background-color:#fff;box-shadow: 3px 3px 10px #0080FF;" onclick="jcha({$v.id},this)" >查看审批进度</button>
                                                                    </td>
                                                                <?php else: ?>
                                                                    <?php if($v['look'] == 6): ?>
                                                                        <td class="center" style="">
                                                                            <b style="color:#28FF28">√ 审批已通过</b>
                                                                        </td>
                                                                    <?php else: ?>
                                                                        <?php if($v['ju'] != 0): ?>
                                                                            <td class="center" style="">
                                                                                <button onclick="jju({$v.id},this)" class="" style="width:140px;border:1px solid #FF0000;background-color:#fff;box-shadow: 3px 3px 10px #FF0000;color:red;">X 审批已拒绝</button>
                                                                            </td>
                                                                        <?php endif ?>
                                                                    <?php endif ?>
                                                                <?php endif ?>
                                                      
                                                                                                                                                                                                                                
                                                                
                                                             
                                                            
                                                                
                                                          
                                                            
                                                        </tr>
                                                    </volist>
                                                    </tbody>
                                                </table>
                                             
                                                <!-- 行政物资审核 END -->
                                                   {$page}
                                        <?php endif ?>
                                              
                                      

                                    
                                    </div>
                                </div>
                            </notempty>
                        </div>
                        </div>
                    </div>
          
            
            <div style="width:50%;height:100px;border:1px solid #ccc;position:absolute;background-color:#fff;margin-top:10%;left:20%;box-shadow: 15px 20px 10px #ccc;display:none;" id="chulai">
             <div style="width:30px;height:30px;float:right;font-size:18px;margin-right:20px;border:1px solid #ccc;border-radius:50px;text-align:center;background-color:#2894FF;color:#fff;margin-top:5px;cursor:pointer" onclick="shua()">X</div>
                <div class="" id="xianduan">
                    <ul id="ul1">
                      <li class="listyle">
                        <div class="li-div">
                          <div class='li-ground' id="zhu"></div>
                          <div class='li-line' id="zhux"></div>
                        </div>
                        <div class="content"  >
                            <p>部门主管</p>
                        </div>
                      </li>
                      <li class="listyle">
                        <div class="li-div">
                          <div class='li-ground' id="jing"></div>
                          <div class='li-line'  id="jingx"></div>
                        </div>
                        <div class="content" >
                          <p>部门经理</p>
                        </div>

                      </li>
                       <li class="listyle">
                        <div class="li-div">
                          <div class='li-ground' id="xing"></div>
                          <div class='li-line'  id="xingx"></div>
                        </div>
                        <div class="content" >
                          <p>行政中心</p>
                        </div>

                      </li>
                      <li class="listyle">
                        <div class="li-div">
                          <div class='li-ground' id="cai"></div>
                          <div class='li-line' id="caix"></div>
                        </div>
                        <div class="content" >
                          <p>财务中心</p>
                        </div>

                      </li>
                      <li class="listyle">
                        <div class="li-div">
                          <div class='li-ground' id="zong"></div>
                          <div class='li-line' id="zongx"></div>
                        </div>
                        <div class="content" >
                          <p>总经理</p>
                        </div>

                      </li>
                      <li class="listyle">
                        <div class="li-div">
                          <div class='li-ground' id="dong"></div>
                          <!-- <div class='li-line' id="dongx"></div> -->
                        </div>
                        <div class="content" >
                        <!-- <div class="content" id="dongx"> -->
                          <p>董事办</p>
                        </div>

                      </li>

                    </ul>
            </div>


        </div>
                


            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <!-- <include file="Public/footer"/> -->

</div><!-- /.main-container -->

<include file="Public/footerjs"/>
<!-- inline scripts related to this page -->
<script src="__PUBLIC__/layer/layer.js"></script>
<script src="__PUBLIC__/jquery-1.7.2.min.js"></script>
<script>

function shua()
{
    history.go(0); 
}

function jcha(id,obj)
{
    $('#chulai').show();
    var type = 3;
    // console.log($('.chulai'));
     $.ajax({
        url:"{:U('Index/cha')}",
        type: 'post',
        data:{'id':id,'type':type},
        dataType:'json',
        beforeSend:function(){
                    layer.load(0, {shade: false});
                },
        success:function(msg){
           // console.log(msg);
                if (msg.zname != '') {
                    $('#zhu').css('background-color','#00DB00');
                    $('#zhux').css('background-color','#00DB00');
                    if (msg.jname != '') {
                        $('#jing').css('background-color','#00DB00');
                        $('#jingx').css('background-color','#00DB00');
                        if (msg.xname != '') {
                            $('#xing').css('background-color','#00DB00');
                            $('#xingx').css('background-color','#00DB00');
                                if (msg.cname != '') {
                                    $('#cai').css('background-color','#00DB00');
                                    $('#caix').css('background-color','#00DB00');
                                        if (msg.gname != null) {
                                            $('#zong').css('background-color','#00DB00');
                                            $('#zongx').css('background-color','#00DB00');
                                        }
                                          if (msg.dname != '') {
                                            $('#dong').css('background-color','#00DB00');
                                            // $('#dongx').css('background-color','#00DB00');
                                        }
                                }   
                        }
                   }
               }
          
        },
        complete: function() {
                     layer.closeAll('loading');
                }
    })
}

function jju(id,obj)
{
    // console.log('1111');
    $('#chulai').toggle();
    var type = 4;
    // console.log($('.chulai'));
     $.ajax({
        url:"{:U('Index/cha')}",
        type: 'post',
        data:{'id':id,'type':type},
        dataType:'json',
         beforeSend:function(){
                    layer.load(0, {shade: false});
                },
        success:function(msg){
           // console.log(msg);
               if (msg.zname != '') {
                    $('#zhu').css('background-color','#FF0000');
                    $('#zhux').css('background-color','#AAAAAA');
                    if (msg.jname != '') {
                        $('#jing').css('background-color','#FF0000');
                        $('#jingx').css('background-color','#AAAAAA');
                        if (msg.xname != '') {
                            $('#xing').css('background-color','#FF0000');
                            $('#xingx').css('background-color','#AAAAAA');
                                if (msg.cname != '') {
                                    $('#cai').css('background-color','#FF0000');
                                    $('#caix').css('background-color','#AAAAAA');
                                        if (msg.gname != '') {
                                            $('#zong').css('background-color','#FF0000');
                                            $('#zongx').css('background-color','#AAAAAA');
                                        }
                                }
                        }
                   }
               }
          
        },
         complete: function() {
                     layer.closeAll('loading');
                }
    })
}


</script>


</body>

</html>
